<template>
	<view class="content">
		<div class="mine" @click="toMine"></div>
		<MyMap  
			class="mapWrap" 
			/>
		<footer>
			<button @click="toAdd">
				添加面试
			</button>
		</footer>
	</view>
</template>

<script>
import MyMap from '../../components/MyMap';
	export default {
		data() {
			return {
				title: 'Hello'
			}
		},
		components: {
			MyMap
		},
		methods: {
			toMine(){
				wx.redirectTo({url:'/pages/mine/index'})
			},
			toAdd(){
				wx.redirectTo({url:'/pages/addInterview/index'})
			},
		}
	}
</script>

<style lang="scss" scoped>
	.content{
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		position: relative;
		.mine{
			position: absolute;
			right: 30rpx;
			bottom: 100rpx;
			width: 70rpx;
			height: 70rpx;
			border-radius: 50%;
			background: rgba($color: #000000, $alpha: 0.5);
			z-index: 2
		}
		.mapWrap{
			flex: 1
		}
		footer{
			button{
				width: 100%;
				height: 90rpx;
				line-height: 90rpx;
				font-size: 36rpx;
				color: #fff;
				border-radius: 0;
				border: none;
				background: #000;
			}
		}
	}
	
</style>
